
<template>
    <div>
        <script :id="id" type="text/plain" enableAutoSave="false" ></script>
    </div>
</template>
<script>
    export default {
        name: 'UE',
        data () {
            return {
                editor: null,
                config:{
                    initialFrameWidth: null,
                    initialFrameHeight: 350
                }
            }
        },
        props: {
            defaultMsg: {
                type: String
            },
            id:{
                type:String
            }
        },
        mounted() {
            const _this = this;
            this.editor = UE.getEditor(this.id, this.config); // 初始化UE
            this.editor.addListener("ready", function () {
                _this.editor.setContent(_this.defaultMsg);
               // 确保UE加载完成后，放入内容。
            });
//            this.editor.ready( function () {
//
//                _this.editor.setContent(_this.defaultMsg);
////                // 确保UE加载完成后，放入内容。
//            });

        },
        methods: {
            getUEContent() { // 获取内容方法
                return this.editor.getContent()
            },
            setUEContent(text){
                this.editor.setContent(text)
            },
            setUEContent1(text) { // 获取内容方法
                const _this = this;
                this.editor.addListener("ready", function () {
                    _this.editor.setContent(text);
                    // 确保UE加载完成后，放入内容。
                });
            },
        },
        watch:{
            defaultMsg(){

            }
        },
        xieru(){
            this.editor.setContent(this.defaultMsg);
        },
        destroyed() {
            this.editor.destroy();
        },

    }
</script>